<!-- Data Tables -->
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins" style="background: white;padding: 10px">
                
                <div class="ibox-title">
                    <h5>{:lang('OTC Trading Center')}</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                
                <div class="ibox-content">

                        <table id="table" data-toggle="gridview" class="table" data-url="{:url('admin/otc/getbuylist')}" data-toolbar="#toolbar" data-show-columns="true" data-page-size="10" data-page-list="[10, 25, 50, All]" data-unique-id="id" data-pagination="true" totalRows="100" data-side-pagination="client" data-search="true" data-click-to-select="false">
                        <thead>
                            <tr>
                                
                                <th data-width="50" data-field="buy_num" data-align="center" >{:lang('Buying quantity')}</th>
                                <th data-width="80" data-field="sell_eth" data-align="center">{:lang('ETH address of seller')}</th>
                                
                                <th data-width="80" data-field="status" data-align="center">{:lang('status')}</th>
                                <th data-width="80" data-field="create_dt" data-align="center">{:lang('Order creation time')}</th>

                                <th data-width="80" data-field="operate"   data-align="center" data-formatter="operateFormatter" data-events="operateEvents">{:lang('Operate')}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    BootstrapTable.DEFAULTS .totalRows = 100;
    function operateFormatter(value, row, index) {
        return [
            '<a class="btn btn-xs edit" href="javascript:void(0)" ">',
            '{:lang('buy')}',
            '</a>  '
        ].join('');
    }




</script>


<script type="text/javascript">
    function operateFormatter(value, row, index) {
        return [
            '<a class="btn btn-xs edit" href="/admin/otc/payment?id='+row.id+'">',
            '{:lang('payment')}',
            '</a>  '
        ].join('');
    }

    

</script>